.el-aside {
    /*logo样式自定义*/

    .logo {
        display: flex;
        align-items: center;
        height: 60px;
        margin-left: -2px;
        justify-content: center;
        /*标题样式*/

        h4 {
            margin-left: 10px;
        }

        /*logo图标样式*/

        img {
            width: 20px;
        }
    }

    ul {
        width: 100%;
        margin-left: -2px;
        li, div {
            /*统一定义有无子菜单字体颜色*/
            color: rgba(255, 255, 255, 1);
            /*统一所有图标大小*/

            svg {
                width: 20px;
                margin-right: 10px;
            }
        }
    }

    /*菜单展开时样式定义*/

    & .el-menu {
        /*统一菜单栏背景透明*/
        background: rgba(255, 255, 255, 0);
        /*统一菜单栏高度*/
        height: 100%;
        /*消除侧边栏多余右边线*/
        border-right: 0 solid var(--el-menu-border-color);
        /*统一将图标与标题垂直对齐*/

        & .menu-item-content {
            display: flex;
            align-items: center;
        }

        /* 自定义 无子菜单项 鼠标移入时的样式 */

        & .el-menu-item:hover {
            /*自定义图标和标题样式*/

            & .icons, & .menu-item-content {
                color: rgba(64, 188, 255, 1); /* 被选中时颜色 */
                font-weight: bold; /* 可以增加字体粗细 */
            }
        }

        /*自定义 无子菜单项 被选中时样式*/

        & .el-menu-item.is-active {
            /*自定义背景色*/
            background: rgba(255, 255, 255, 1);
            /*自定义图标和标题样式*/

            & .icons, & .menu-item-content {
                color: rgba(64, 188, 255, 1); /* 被选中时颜色 */
                font-weight: bold; /* 可以增加字体粗细 */
            }
        }

        /*自定义 有子菜单项 鼠标移入时的样式*/

        & .el-sub-menu:hover {
            & .el-sub-menu__title {
                /*自定义伸缩图标样式*/

                & .el-icon {
                    color: rgba(64, 188, 255, 1); /* 被选中时颜色 */
                    font-weight: bold; /* 可以增加字体粗细 */
                }

                /*自定义标题和图标样式*/

                & .menu-item-content {
                    & .icons, & .menu-title {
                        color: rgba(64, 188, 255, 1); /* 被选中时颜色 */
                        font-weight: bold; /* 可以增加字体粗细 */
                    }
                }
            }
        }

        /*自定义 有子菜单项 鼠标移入时的样式*/

        & .el-sub-menu.is-active {
            & .el-sub-menu__title {
                /*自定义下拉图标颜色*/

                & .el-icon {
                    color: rgba(64, 188, 255, 1); /* 被选中时颜色 */
                    font-weight: bold; /* 可以增加字体粗细 */
                }

                /*自定义图标颜色和文字粗细颜色*/

                & .menu-item-content {
                    & .icons, & .menu-title {
                        color: rgba(64, 188, 255, 1); /* 被选中时颜色 */
                        font-weight: bold; /* 可以增加字体粗细 */
                    }
                }
            }
        }
    }

    /*自定义菜单收缩时样式*/

    & .el-menu--collapse {
        /*收缩时整体内边距清零*/
        padding: 0;
        /*margin-left: -5px;*/

        .el-tooltip__trigger {
            /*所有菜单初始样式*/
        }

        & .el-sub-menu {
            span {
                display: none;
            }
        }

        & .icons {
            width: 20px;
            margin: 0;
        }
    }
}

/*单独自定义有子菜单项弹窗样式以及图标大小等*/
.el-popper.el-popper.is-light {
    /*边框线隐藏*/
    border: 0 solid var(--el-menu-border-color);
    /*弹窗背景色*/
    background: rgba(255, 255, 255, 1);
    /*字体颜色*/
    color: rgba(0, 0, 0, 1);
    /*弹窗内边距*/
    padding: 0;
    /*弹窗外边距*/
    margin-left: -10px;

    .el-menu--vertical.el-menu--popup-container {
        background: rgba(255, 255, 255, 0);
        padding: 0;
        margin: 0;

        .el-menu {
            background: rgba(255, 255, 255, 0);
            padding: 0;
            margin: 0;

            .el-menu-item {
                background: rgba(255, 255, 255, 0);

                .menu-item-content {
                    background: rgba(255, 255, 255, 0);
                    display: flex;
                    align-items: center;
                }

                .icons {
                    width: 20px;
                    margin-right: 10px;
                }

            }

            /* 自定义 无子菜单项 鼠标移入时的样式 */

            & .el-menu-item:hover {
                /*自定义图标和标题样式*/

                & .icons, & .menu-item-content {
                    color: rgba(64, 188, 255, 1); /* 被选中时颜色 */
                    font-weight: bold; /* 可以增加字体粗细 */
                }
            }

            /*自定义 无子菜单项 被选中时样式*/

            & .el-menu-item.is-active {
                /*自定义背景色*/
                background: rgba(255, 255, 255, 1);
                /*自定义图标和标题样式*/

                & .icons, & .menu-item-content {
                    color: rgba(64, 188, 255, 1); /* 被选中时颜色 */
                    font-weight: bold; /* 可以增加字体粗细 */
                }
            }
        }
    }


}